<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
	<div id='unauthorized'>
		<button id="authorize-button">
			<img src="css/images/Red-signin_Google_base_44dp.png"></img>
		</button>
	</div>
	<div id='authorized'>
		<div id="searchHolder">
			<form>
				<span>
					<input class="textBox" type="text"></input>
					<img class="cancelBtn" src="css/images/macSearch/clearBtn.png"></img>
				</span>
			</form>
		</div>
		<div id="tabs">
			<ul>
				<li><a href="#watch"><i class="fa fa-picture-o"></i></a></li>
				<li><a href="#tabs2"><i class="fa fa-windows"></i></a></li>
				<li><a href="#tabs3"><i class="fa fa-map-marker"></i></a></li>
				<li><a href="#tabs4"><i class="fa fa-comments"></i></a></li>
				<li><a href="#tabs5"><i class="fa fa-square-o"></i></a></li>
				<li><a href="#upload"><i class="fa fa-flag-o"></i></a></li>
			</ul>
			<div id="watch">
				<div class="innerHeader"></div>
				<div id="contentBlock">
					<div class="contentBlockPart" id="albumsContentBlock"></div>
					<div class="contentBlockPart" id="photosContentBlock"></div>
					<div class="contentBlockPart" id="photoContentBlock"></div>
				</div>
			</div>
			<div id="tabs2">
			</div>
			<div id="tabs3">
			</div>
			<div id="tabs4">				
			</div>
			<div id="tabs5">
			</div>
			<div id="upload">
				<div></div>
			</div>
		</div>
	</div>
    <script data-main="scripts/main" src="scripts/require.js"></script>
	 <link rel="stylesheet" href="css/bootstrap.min.css">
	 <link rel="stylesheet" href="css/jquery-ui-1.10.4.custom.min.css">
	<link href="css/font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
	<link href="css/searchStyle.css" rel="stylesheet" type="text/css" />
	<link href="css/main.css" rel="stylesheet" type="text/css" />
	<div id='templates'>
	</div>
  </body>
</html>